<!DOCTYPE html>
<html data-layout-decorate="~{fragment/layout}">
<head>
<meta charset="UTF-8">
<title>调停补页面</title> 
	<link rel="stylesheet" data-th-href="@{../static/bootstrap/css/bootstrap-theme.css}">
	<link rel="stylesheet" data-th-href="@{../webjars/bootstrap-table/1.9.1-1/bootstrap-table.css}">
	<link rel="stylesheet" data-th-href="@{../webjars/bootstrap-select/2.0.0-beta1/dist/css/bootstrap-select.css}">
	<link rel="stylesheet" data-th-href="@{../webjars/bootstrapvalidator/css/bootstrapValidator.css}"/>
	<link rel="stylesheet" data-th-href="@{../static/layui/css/layui.css}"/>
	<script type="text/javascript"data-th-src="@{../webjars/knockout/knockout.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/knockout-mapping/2.4.1/knockout.mapping.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/bootstrap-select/2.0.0-beta1/dist/js/bootstrap-select.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/bootstrap-select/2.0.0-beta1/dist/js/i18n/defaults-zh_CN.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/bootstrapvalidator/js/bootstrapValidator.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/bootstrap-table/bootstrap-table.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
	<script type="text/javascript"data-th-src="@{../webjars/bootbox/4.4.0/bootbox.js}"></script>
	<script type="text/javascript"data-th-src="@{../static/bootstrap-table/knockout.bootstrapTable.ljc.js}"></script>
	<script type="text/javascript"data-th-src="@{../static/layDate-v5.0.9/laydate/laydate.js}"></script>
	<script type="text/javascript"data-th-src="@{../static/layui/layui.js}"></script>
		<style type="text/css">
			.g_home{
				width: 90%;
				margin: 0px auto;
				margin-top: 75px;
				padding: 15px 20px;
				background:white;
				border-radius: 15px;
				overflow:auto;
			}
			body{
				background: url(../static/img/beijing.jpg);
			}
			#g_content td,#g_content th{
				text-align: center;
			} 
			
			.g_head{
				padding: 5px 10px;
				color: coral;
				margin-bottom: 10px;
				font-size: 16px;
				position: fixed;
				z-index:3;
			}
			.g_head span{
				cursor: pointer;
			}
			.g_con{
				padding-bottom: 2px;
				border-bottom: 5px solid #FF7F50;
			}
			h1{
				font-family: '楷体';
				padding: 0px 40px;
			}
			.g_home hr{
				margin: 10px 0px ;
			}
			.inpu{
				padding:0px 10px 10px 0px;
			}
		 	#tk_information{
				padding: 20px;
			}
			/* #g_fou{
				padding:20px;
			}  */
			.j_apply{
				padding: 0;
				border: 1px solid #FDF5E6;
				margin-left: 30px;
				margin-bottom: 30px;
			}
			.j_particulars{
				background-color:#DAA520 ;
				color: white;
				text-align: right;
				padding: 5px 10px;
			}
			.j_particulars:hover{
				cursor: pointer;
			}
			.j_apply h3{
		     	font-family:"微软雅黑";
	          	font-size:18px;
	          	line-height: 30px;
	          	padding-left: 10px;
	        }
	        .j_apply p{
		    	font-family: "楷体";
		     	text-indent: 1em;
		     	line-height: 25px;
		       	color:#898989;
			}
			hr{
				margin-top: 10px;
				margin-bottom: 10px;
			}
			.j_apply:hover{
				box-shadow: 0 0 10px 10px #c8ecf8;
				border: 1px solid #FFDAB9;
				transition: all .4s ease;
			}
				
			#f_2{
				resize: none; 
			}
			
			#f_3{
				 padding:20px;; 
			}
			.text-primary .j_bj{
				font-size: 16PX;
			}
			.text-primary .j_bj:hover {
				cursor: pointer;
			}
			input[type="radio"]:checked + label::before {
	    		background-color: #01cd78;
			    background-clip: content-box;
			    padding: .2em;
			}
		</style>
</head>
<body>
<section layout:fragment="content">
<div class=" g_home" id="g_home">
	<div class="g_head"><span class="g_con" onclick="g_give()" id="g_give">授课信息</span>  | <span onclick="g_apply()" id="g_apply">申请记录</span></div>
	<hr style="margin-top: 40px;" />
	<div class="g_content" id="g_content">
		
	</div>
</div>
	<script type="text/javascript">
		$(function(){
			//页面加载显示表格
			$("#g_content").load("../ttb/g_sy");
			//设置页面
			var a = window.innerHeight - 150 + "px";
			$("#g_home").css('height', a);
			
		});
		
	
		function g_apply(){
			$("#g_give").attr("class", "");
			$("#g_apply").attr("class", "g_con");
			$("#g_content").load("../ttb/g_apply");
		}
		function g_give(){
			$("#g_give").attr("class", "g_con");
			$("#g_apply").attr("class", "");
			$("#g_content").load("../ttb/g_sy");
		}
		
		
		$(window).resize(function(){
			var a = window.innerHeight - 150 + "px";
			$("#g_home").css('height', a);
		});
/* 		function g_lsd(obj){
			if(obj == 1){
				$("#g_hls").css('display','block');
				$("#g_hdd").css('display','none');
				$("#g_hdj").css('display','none');
			}else if(obj == 2){
				$("#g_hls").css('display','none');
				$("#g_hdd").css('display','block');
				$("#g_hdj").css('display','none');
			}else{
				$("#g_hls").css('display','none');
				$("#g_hdd").css('display','none');
				$("#g_hdj").css('display','block');
			}
		} */
		
		function g_bk_fun(id){
			$("#g_bk_message").load("../ttb/g_bk_message?id="+id);
			$("#bk_tj").css("display", "block");
			$("#bk_123").css("display", "none");
		}
		
		function g_apply_fun(str){
			$("#g_content").load("../ttb/g_particulars?id="+str);
		}
	
		
		function i_bk(){
			$("#g_bk_message").load("../ttb/g_tksq");
			$("#bk_tj").css("display", "none");
			$("#bk_123").css("display", "block");
		}
		
		function i_tksq(str){
			$("#i_tksq").load("../ttb/g_changeCourse?id="+str);
		}
		
		function i_tk(str){
			$("#i_tk").load("../ttb/g_suspendCourse?id="+str);
		}
		
		function i_bk1(){
			$("#i_bk").load("../ttb/g_tutorialCourse");
		}
		
		function i_xq(str){
			$("#i_xq").load("../ttb/g_details?id="+str);
		}
		
		function j_bj(){
			var str = $(".j_bj").html();
			if(str == '编辑'){
				$(".j_bj").html("取消编辑");
				$("#j_bc").css("display", "inline-block");
			}else{
				$(".j_bj").html("编辑");
				$("#j_bc").css("display", "none");
			}
		}
		
		function j_cxsq(str){
			bootbox.confirm("确定撤销申请吗?", function(s){
				if(s){
					$.ajax({
						type: 'post',
						url: '../ttb/j_cxsq',
						data: {id: str},
						success: function(data){
							g_apply();
						}
					});
				}
			});
		}
		
		function printdiv() {
		    var headhtml = "<html><head><title></title></head><body>";
		    var foothtml = "</body>";
		    var newhtml= $("#printpage").html();
		    var oldhtml = document.body.innerHTML;
		    document.body.innerHTML = headhtml + newhtml + foothtml;
		    window.print();
		    document.body.innerHTML = oldhtml;
		    return false;
		}
	</script>
</section>
</body>
</html>